<template>
  <span class="text-link" :style="{color: color}">
    <slot></slot>
  </span>
</template>

<script>
export default {
  name: "TextLink",
  props:{
    color:{
      type:String,
      default:"#38B2A6"
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<style scoped lang="less">
  .text-link{
    transition: all 0.2s;
    cursor: pointer;
    &:hover{
      font-weight: 550;

    }
  }
</style>